<!DOCTYPE html>
<script src='../../resources/testharness.js'></script>
<script src='../../resources/testharnessreport.js'></script>
<script src='../../resources/gesture-util.js'></script>

<style>
  body,
  html {
    min-height: 5000px;
  }
</style>

<span id='elt'>&nbsp;</span>

<script>
  if (window.internals)
    internals.settings.setScrollAnimatorEnabled(false);

  window.onload = async () => {
    await waitForCompositorCommit();

    internals.setScrollbarVisibilityInScrollableArea(
      internals.effectiveRootScroller(document), true);
    let range = document.createRange();
    let elt = document.getElementById('elt');
    range.selectNodeContents(elt);
    if (window.internals)
      internals.addTextMatchMarker(range, 'kActive');

    await waitForCompositorCommit();

    promise_test(async () => {
      await mouseDragAndDrop(window.innerWidth - 1, 50, window.innerWidth - 1, 100);
      // Will throw exception if window.scrollY not greater than 0.
      await waitFor(() => { return window.scrollY > 0; });
    }, 'Checks that clicking on overlay scrollbar works when tickmarks are added.');
  }
</script>
